
	.content{
		background: #EDEDED;
		box-shadow: 0rpx -1rpx 0rpx 0rpx rgba(0,0,0,0.3);
		backdrop-filter: blur(10px);
		padding: 32rpx 0;
		position: relative;
	}
	.content-top{
		display: flex;
		// justify-content: space-between;
		justify-content: center;
		align-items: center;
		margin-bottom: 44rpx;
		padding: 0 34rpx;
	}
	.title{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #181818;
		// margin-left: 80rpx;
	}
	.cancel{
		width: 84rpx;
		height: 42rpx;
		border-radius: 21rpx;
		border: 2rpx solid #6236FF;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		color: #6236FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.content-actions{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 40rpx;
	    padding:  0 32rpx;
	}
	.wallet{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #838383;
		margin-right: 36rpx;
	}
	.recharge{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #6236FF;
	}
	
	.gifts-box{
		padding:0 32rpx;
		display: flex;
		flex-wrap: wrap;
	}
	/* 礼物项样式 */
	.gift-item {
	   width: calc(33.33% - 12rpx); /* 计算每个项目的宽度，减去的值为间距的一半，确保总间距为12rpx */
	   margin: 6rpx; /* 每个项目的外边距设置为4rpx，这样两个项目间的实际间距就是8rpx */
	   
		height: 240rpx;
	  // padding: 5px;
	  box-sizing: border-box;
	  display: flex;
	  flex-direction: column; /* 纵向布局 */
	  align-items: center;
	  justify-content: center;
		transition: all .3s; 
		
		height: 140rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		border: 2rpx solid rgba(98,54,255,0.3);
	}
	
	
	/* 礼物名称和价格样式 */
	.gift-name{
		 margin: 5rpx 0; /* 名称和价格之间的间隔 */
		 
		font-family: DINAlternate, DINAlternate;
		font-weight: bold;
		font-size: 40rpx;
		color: #181818;
	}
	 .custom-item{
		 	font-size: 32rpx!important;
	 }
	 .zuan{
		 font-size: 28rpx;
		 margin-left: 10rpx;
	 }
	 .gift-price {
	  margin: 5rpx 0; /* 名称和价格之间的间隔 */
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #838383;
	}
	
	/* 选中状态样式 */
	.selected {
background: #FFFFFF;
border-radius: 16rpx;
// border: 4rpx solid #6236FF;
  animation-name: scale-down;
  animation-duration: .3s;
  animation-iteration-count: 1;

	}
	
	/* 赠送按钮样式 */
	.send-button {
	  margin-top: 5px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  
	  width: 100%;
	  height: 52rpx;
	  background: #6236FF;
	  
	  font-family: PingFangSC, PingFang SC;
	  font-weight: 500;
	  font-size: 24rpx;
	  color: #FFFFFF;
	}
	
	
	.animation-scale-down {
	  animation-name: scale-down
	}
	
	@keyframes scale-down {
	  0% {
	    opacity: 0;
	    transform: scale(1)
	  }
	  50% {
	    opacity: .5;
	    transform: scale(1.1)
	  }
	
	  100% {
	    opacity: 1;
	    transform: scale(1)
	  }
	}
	
	// .bottom-actions{
		
	// 	display: flex;
	// 	justify-content: center;
	// 	flex-direction: column;
	// 	align-items: center;
	// }
	.payBtn{
		width: 360rpx;
		height: 80rpx;
		background: #6236FF;
		border-radius: 20rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
			margin-bottom: 52rpx;
	}
	
	.agreement-box{
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #838383;
	}
	.agreement{
		color: #1C2872;
	}